import Vue from 'vue'
import VueRouter from 'vue-router'

import routes from './routes'
// 解决路由报错沉余导航问题  也就是说一直点击一个路由会报错，这里把它解决报错
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push(location) {
  return originalPush.call(this, location).catch((err) => err)
}

Vue.use(VueRouter)

//  路由的传参配置
// params参数： 属于路径当中的一部分。在配置路由的时候，需要占位
// query参数： 不属于路径，类似域 ajax中的 ?a=1&b=2,不需要占位
const router = new VueRouter({
  routes, // 导入路由信息
  // 滚动行为
  scrollBehavior(to, from, savedPosition) {
    // return 期望滚动到哪个的位置
    return { y: 0 } // 滚动到顶部
  }
})

export default router
